<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script src="../js/plugins/flexible.js"></script>
    <title>梦想家</title>
    <link rel="stylesheet" href="../css/animate.css" type="text/css">
    <link rel="stylesheet" href="../css/public/common.css">
    <link rel="stylesheet" href="../css/dream.css">
</head>

<body>
    <div class="wrapper">
        <div class="header">
            <img class="pic1" src="../img/deta/dream_head.png" alt="">
            <i class="icon_xin"></i>
            <i class="caption"></i>
        </div>
        <div class="content_wrap">
            <div class="model">
                <ul class="list1">
                    <li>
                        <span class="block_01"><h3 class="title1">Advisory Group</h3><h2 class="title2">顾问团</h2></span>
                    </li>
                    <li class="rightList">
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                </ul>
                <ul class="list1">
                    <li>
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                    <li>
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                    <li class="rightList">
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="model">
                <ul class="list1">
                    <li>
                        <span class="block_01 differ_color1"><h3 class="title1">Functional Unit</h3><h2 class="title2">职能单位</h2></span></li>
                    <li class="rightList">
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                </ul>
                <ul class="list1">
                    <li>
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                    <li>
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                    <li class="rightList">
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box1"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                </ul>
            </div>
              <div class="model">
                <ul class="list1">
                    <li>
                        <span class="block_01 differ_color2"><h3 class="title1">Functional Unit</h3><h2 class="title2">职能单位</h2></span></li>
                    <li class="rightList">
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                </ul>
                <ul class="list1">
                    <li>
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                    <li>
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                    <li class="rightList">
                        <div class="box2 clearfix j-xuanzhuan">
                            <a class="picList_box j-box list flip in" href="javascript:;"><img src="../img/deta/person.png" alt=""><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                            <a class="picList_box2 j-box2 list flip out" href="javascript:;"><img src="../img/deta/mark.png" alt="背面扫码"><span class="texts_box differ_box2"><h5 class="name">马云</h5><p>中国企业家俱乐部主席</p><p>阿里巴巴集团董事局主席</p></span></a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer top">@&nbsp;千梦计划(厦门)俱乐部</div>
    </div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/plugins/fastclick.js"></script>
<script src="../js/animate-fix.js"></script>
<script type="text/javascript">
$(function(){
    FastClick.attach(document.body);
    $(document).delegate(".j-xuanzhuan", "click", function() {
    
    var now = $(this),
        eleFront = $(this).find(".list:eq(0)"),
        eleBack = $(this).find(".list:eq(1)"),
        eleList = $(this).find(".list"),
        eleExchange = null;
   
    if (eleFront.hasClass('out')) {
        eleExchange = eleFront;
        eleFront = eleBack;
        eleBack = eleExchange;
    }
    eleFront.addClass("out").removeClass("in");
    setTimeout(function() {
        eleBack.addClass("in").removeClass("out");
        funBackOrFront();
    }, 225);

    //将其他的块翻回来
    $(".j-xuanzhuan").removeClass("active");
    now.addClass('active');
    $(".j-xuanzhuan").each(function() {
        var _thiz = $(this);
        if (_thiz.find(".j-box2").hasClass("in") && !_thiz.hasClass("active")) {
            _thiz.find(".j-box2").addClass("out").removeClass("in");
            setTimeout(function() {
                _thiz.find(".j-box").addClass("in").removeClass("out");
            }, 225);
        }
    });
    
    var funBackOrFront = function() {
        eleList.each(function(index, item) {
            if ($(item).hasClass("out")) {
                eleBack = $(item);
            } else {
                eleFront = $(item);
            }
        });
    }
    return false;
});
})

</script>

</html>
